import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Button, Row, Col } from 'antd';
import './footer.scss';

class Footers extends Component {
  state = {
    exportVisible: true,
  }
  onClose = () => {
    this.setState({ exportVisible: false });
  }
  render() {
    const { test } = this.state;
    const { selectedRowKeys, btmLeft, btmRight } = this.props;
    return (
      <React.Fragment>
        <div className="logistics-footer">
          <Col>{btmLeft ? btmLeft : ''}</Col>
          <Col>
            {btmRight}
          </Col>
        </div>
        {/* <Export visible={exportVisible} onClose={this.onClose} /> */}
      </React.Fragment>
    );
  }
}

function mapStateToProps(state) {
  const { selectedRowKeys } = state.logistics;
  return {
    selectedRowKeys
  };
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators({
    // modalVisibleHandler,
  }, dispatch);
}

export default connect(mapStateToProps, mapDispatchToProps)(Footers);
